﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Home.Master" AutoEventWireup="true"
    CodeBehind="Talent.aspx.cs" Inherits="LongQuanWeb.Homes.Talent" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

    <script src="../Script/Home/jquery-1.4.3.min.js" type="text/javascript"></script>

    <script type="text/javascript" src="../Script/Home/jquery.mousewheel-3.0.4.pack.js"></script>

    <script type="text/javascript" src="../Script/Home/jquery.fancybox-1.3.4.pack.js"></script>

    <link rel="stylesheet" type="text/css" href="../Styles/Home/jquery.fancybox-1.3.4.css"
        media="screen" />

    <script type="text/javascript">
        jQuery(document).ready(function() {

            $("a.example1").click(function() {
                $("#img_new").attr("src", $(this).find("#img_old").attr("src"));
                $("#lbl_content").html($(this).attr("title"));
            });

            $("a.example1").fancybox({
                'titleShow': false
            });
            jQuery("#gxl").click(function() {
                jQuery("#img_gxl").attr("src", "../Images/Home/menu_gxlrc_dj.png");
                jQuery(this).css("margin-left", "-6px");
                jQuery("#img_cy").attr("src", "../Images/Home/menu_cyrc.png");
                jQuery("#cy").css("margin-left", "0px");
                jQuery("#img_js").attr("src", "../Images/Home/menu_jsrc.png");
                jQuery("#js").css("margin-left", "0px");
                jQuery("#img_ys").attr("src", "../Images/Home/menu_ysrc.png");
                jQuery("#ys").css("margin-left", "0px");
                jQuery(".gxlnr").css("display", "block");
                jQuery(".cynr").css("display", "none");
                jQuery(".jsnr").css("display", "none");
                jQuery(".ysnr").css("display", "none");
            });
            jQuery("#cy").click(function() {
                jQuery("#img_gxl").attr("src", "../Images/Home/menu_gxlrc.png");
                jQuery("#gxl").css("margin-left", "0px");
                jQuery("#img_cy").attr("src", "../Images/Home/menu_cyrc_dj.png");
                jQuery(this).css("margin-left", "-6px");
                jQuery("#img_js").attr("src", "../Images/Home/menu_jsrc.png");
                jQuery("#js").css("margin-left", "0px");
                jQuery("#img_ys").attr("src", "../Images/Home/menu_ysrc.png");
                jQuery("#ys").css("margin-left", "0px");
                jQuery(".gxlnr").css("display", "none");
                jQuery(".cynr").css("display", "block");
                jQuery(".jsnr").css("display", "none");
                jQuery(".ysnr").css("display", "none");
            });
            jQuery("#js").click(function() {
                jQuery("#img_gxl").attr("src", "../Images/Home/menu_gxlrc.png");
                jQuery("#gxl").css("margin-left", "0px");
                jQuery("#img_cy").attr("src", "../Images/Home/menu_cyrc.png");
                jQuery("#cy").css("margin-left", "0px");
                jQuery("#img_js").attr("src", "../Images/Home/menu_jsrc_dj.png");
                jQuery(this).css("margin-left", "-6px");
                jQuery("#img_ys").attr("src", "../Images/Home/menu_ysrc.png");
                jQuery("#ys").css("margin-left", "0px");
                jQuery(".gxlnr").css("display", "none");
                jQuery(".cynr").css("display", "none");
                jQuery(".jsnr").css("display", "block");
                jQuery(".ysnr").css("display", "none");
            });
            jQuery("#ys").click(function() {
                jQuery("#img_gxl").attr("src", "../Images/Home/menu_gxlrc.png");
                jQuery("#gxl").css("margin-left", "0px");
                jQuery("#img_cy").attr("src", "../Images/Home/menu_cyrc.png");
                jQuery("#cy").css("margin-left", "0px");
                jQuery("#img_js").attr("src", "../Images/Home/menu_jsrc.png");
                jQuery("#js").css("margin-left", "0px");
                jQuery("#img_ys").attr("src", "../Images/Home/menu_ysrc_dj.png");
                jQuery(this).css("margin-left", "-6px");
                jQuery(".gxlnr").css("display", "none");
                jQuery(".cynr").css("display", "none");
                jQuery(".jsnr").css("display", "none");
                jQuery(".ysnr").css("display", "block");
            });

            jQuery(".example1").hover(function() {
                jQuery(this).css("opacity", "0.6")
            }, function() {
                jQuery(this).css("opacity", "1");
            });
        });
    </script>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
    <div class="menu2">
        <div class="jianjie left">
            <a class="menu-date2" href="Introduction.aspx" onfocus="if(this.blur)this.blur()"><span>
            </span></a>
        </div>
        <div class="zhanshi left">
            <a class="menu-date2" href="News.aspx" onfocus="if(this.blur)this.blur()"><span></span>
            </a> 
        </div>
        <div class="baoming left">
            <a class="menu-date2" href="Activities.aspx" onfocus="if(this.blur)this.blur()"><span>
            </span></a>
        </div>
        <div class="fengyun fengyun_on left">
            <a class="menu-date2" href="#" onfocus="if(this.blur)this.blur()"><span></span></a>
        </div>
        <div class="zhiyuanzhe left">
            <a class="menu-date2" href="Volunteers.aspx" onfocus="if(this.blur)this.blur()"><span>
            </span></a>
        </div>
        <div class="quanyiweihu left">
            <a class="menu-date2" href="Rights.aspx" onfocus="if(this.blur)this.blur()"><span></span>
            </a>
        </div>
    </div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="Talent_Menu">
        <div id="gxl" style="margin-left: -6px;">
            <img id="img_gxl" src="../Images/Home/menu_gxlrc_dj.png" />
        </div>
        <div id="cy">
            <img id="img_cy" src="../Images/Home/menu_cyrc.png" />
        </div>
        <div id="js">
            <img id="img_js" src="../Images/Home/menu_jsrc.png" />
        </div>
        <div id="ys">
            <img id="img_ys" src="../Images/Home/menu_ysrc.png" />
        </div>
    </div>
    <div class="Talent_Content" style="width: 980px; height: 700px; background-color:White;">
        <div id="page-title">
            <h1>
                人才风云榜</h1>
            <h2 style=" padding-top:10px;">
                Talents Billboard</h2>
        </div>
        <ul class="gxlnr">
            <asp:Repeater ID="rpt_gxlnr" runat="server">
                <ItemTemplate>
                    <li><a class="example1" title="<%# Eval("Description") %>" id="img_<%# Eval("ID") %>"
                        href="#inline1">
                        <img id="img_old" alt="example1" src="../Upload/<%# Eval("PhotoPath") %>" width="200px"
                            height="180px" /></a></li>
                </ItemTemplate>
            </asp:Repeater>
        </ul>
        <ul class="cynr" style="display: none;">
            <asp:Repeater ID="rpt_cynr" runat="server">
                <ItemTemplate>
                    <li><a class="example1" title="<%# Eval("Description") %>" id="img_<%# Eval("ID") %>"
                        href="#inline1">
                        <img id="img_old" alt="example1" src="../Upload/<%# Eval("PhotoPath") %>" width="200px"
                            height="180px" /></a></li>
                </ItemTemplate>
            </asp:Repeater>
        </ul>
        <ul class="jsnr" style="display: none;">
            <asp:Repeater ID="rpt_jsnr" runat="server">
                <ItemTemplate>
                    <li><a class="example1" title="<%# Eval("Description") %>" id="img_<%# Eval("ID") %>"
                        href="#inline1">
                        <img id="img_old" alt="example1" src="../Upload/<%# Eval("PhotoPath") %>" width="200px"
                            height="180px" /></a></li>
                </ItemTemplate>
            </asp:Repeater>
        </ul>
        <ul class="ysnr" style="display: none;">
            <asp:Repeater ID="rpt_ysnr" runat="server">
                <ItemTemplate>
                    <li><a class="example1" title="<%# Eval("Description") %>" id="img_<%# Eval("ID") %>"
                        href="#inline1">
                        <img id="img_old" alt="example1" src="../Upload/<%# Eval("PhotoPath") %>" width="200px"
                            height="180px" /></a></li>
                </ItemTemplate>
            </asp:Repeater>
        </ul>
        <div style="display: none;">
            <div id="inline1" style="width: 600px; min-height: 500px;">
                <img id="img_new" src="" width="600px" height="540px" />
                <div style="width: 600px; word-wrap: break-word;">
                    <label id="lbl_content">
                    </label>
                </div>
            </div>
        </div>
    </div>
</asp:Content>
